<script>
import { ElContainer, ElHeader, ElMain, ElMenu, ElMenuItem } from 'element-plus';
export default {
  name: 'root component',
  components: {
    ElContainer, 
    ElHeader, 
    ElMain, 
    ElMenu, 
    ElMenuItem
  }
}
</script>

<template>
  <el-container>
    <el-header>
      <el-menu mode="horizontal" :router="true">
        <el-menu-item index="/">Root</el-menu-item>
        <el-menu-item index="/home">Home</el-menu-item>
        <el-menu-item index="/basic">Basic</el-menu-item>
        <el-menu-item index="/user/1001">用户1001</el-menu-item>
        <el-menu-item index="/user/2002">用户2002</el-menu-item>
        <el-menu-item index="/user/3003">用户3003</el-menu-item>
      </el-menu>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<style>

</style>